function Users(props) {
    console.log(props);


    function clickHandler(e) {
        console.log(e, 'clickHandler');
    }

    return (
        <div>
            <h1 style={{color: '#f00'}}>Users组件</h1>
            <h2>{props.info}</h2>
            <p>类似 vuejs 里面的插槽</p>
            <p>{props.children}</p>
            <p>
                1. 结构 2. 样式 3. 行为
            </p>
            <p>
                4. 状态 state 数据（之前学习 vuejs 组件内部存在 data） 5. 生命周期函数
            </p>
            <p>
                在react里面是否也存在自己组件维护的数据，当数据发生变化后，自动更新视图？

                <br/>

                答：react里面也是有相关的实现的，在react里面将自己维护的数据，一般我们称之为 state 状态。

            </p>
            <button onClick={clickHandler}>点击我</button>
        </div>

    )
}

export default Users;
